<template>
  <div>
    <swiper :swiper-Option>
<swiper-slide class="slibe_a" v-for="a in Imgsrc" :key="a.id"><img :src="imgUrl" align=""></swiper-slide>
<div class="swiper-pagination" slot="pagination"></div>
</swiper>
</div>
</template>
<script>
import SwiperSlide from "../../node_modules/vue-awesome-swiper/src/slide";
export default{
components: {SwiperSlide}, name:'HomeSwiper',
data(){
    return{
        swiperOption:{
       autoplay:1500,
          pagination:'swiper-pagination',
          loop:true
        },
              Imgsrc:[

                {id:'001',imgUrl:request  ("../assets/2Q== (8).jpg")},
                {id:'002',imgUrl:request ("../assets/2Q== (9).jpg")},
                {id:'003',imgUrl:request ("../assets/2Q== (10).jpg")},
                {id:'004',imgUrl:request ("../assets/2Q==.jpg")},
                {id:'005',imgUrl:request  ("../assets/2Q== (11).jpg")}


    ]
          }
    }
  }
</script>
<style lang="stylus" scoped>
  wrapper >>>.swiper-pagination-bollet-active{
    background :#ffffff limportant;
  }
  .wrapper{
    overflow :hidden;
    width :100%;
    height :0;
    padding-bottom :26.666666666%;
    .slide_a img{
      width:106%;
    }
  }
</style>
